<template>
  <div id="app">
    <!-- 特别注意：若页面结构使用 yd-layout 组件时，这里需加上 height: 100%; -->
    <div class="page-loading" v-show="isLoading">
      <i class="weui-loading"></i>
    </div>

    <router-view v-show="!isLoading"></router-view>

  </div>
</template>
<script type="text/babel">
export default {
  computed: {
    isLoading() {
      return this.$store.state.isLoading;
    }
  }
};
</script>


<style lang="scss">
html,body {
  height: 100%;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
  background: #fff;
}
.page-100 {
  height: 100%;
  overflow-y: auto;
}
.page-loading {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  .weui-loading {
    display: block;
  }
}
.iconfont {
  font-size: 0.56rem;
}
/** 悬浮底部按钮 **/
.buttom-tabbar {
  z-index:200;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mui-flex,
.mui-flex *,
.mui-flex :after,
.mui-flex :before {
  box-sizing: border-box;
}
.mui-flex {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mui-flex>.cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  padding: 0!important;
  position: relative;
}
.mui-flex>.cell2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  padding: 0!important;
  position: relative;
}
.mui-flex>.cell3 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  padding: 0!important;
  position: relative;
}
.mui-flex>.cell4 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  padding: 0!important;
  position: relative;
}
.mui-flex>.cell5 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  padding: 0!important;
  position: relative;
}
.mui-flex>.cell.fixed {
  -webkit-box-flex: 0!important;
  -webkit-flex: none!important;
  -ms-flex: none!important;
  flex: none!important;
  width: auto;
}

.small-space-background{
  background-color: #f2f1f1;
  height: 0.15rem;
  width: 100%;
}
.img-logo {
  width: 1rem;
  height: 1rem;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
  border-radius: 0.5rem;

}
.center-name {
  text-align: left;
  color: #464646;
  margin-top: 0.6rem;
  font-size: 1.5em;
}
.left-sp {
  padding-left: 0.3rem;
}

.blue-color {
  color: #3cc8a8;
}
.gray-color {
  color: #a0a0a0;
}
.gray-tint-color {
  color: #b3b3b3;
}
.gray-text-color {
  color: #7f7e7e;
}
.bottom-line {
  border-bottom: 1px solid #e6e6e6;
}
.button-margin-part {
  margin: 0.5rem;
}
/*修改全局按钮样式*/
.weui-btn {
  margin-bottom: 0.12rem;
  margin-top: 0.88rem;
  padding-top: 0.1rem;
  display: flex;
  height: 0.6rem;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
}
/*没有数据的时候图片的样式*/
.nolist-image {
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 1rem;
  margin-bottom: 0.2rem;
}
/*没有数据的时候字体的样式*/
.nolist-tite {
  text-align: center;
  font-size: 0.25rem;
  color: #b8b8b8;
}

.evaluate-dialog-part {
  padding: 0.2rem 0.4rem 0.4rem 0.4rem;
}

.divide-line-part {
  background-color: #fafafa;
  width: 100%;
  padding: 0.05rem;
}
.divide-big-part {
  background-color: #fafafa;
  width: 100%;
  padding: 0.5rem;
}
</style>
